<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>Tables - Ace Admin</title>

<meta name="description" content="Static &amp; Dynamic Tables" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />


<!-- bootstrap & fontawesome -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/static/assets/css/bootstrap.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/static/assets/css/font-awesome.min.css" />

<!-- page specific plugin styles -->

<!-- text fonts -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/static/assets/css/ace-fonts.css" />

<!-- ace styles -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/static/assets/css/ace.min.css"
	id="main-ace-style" />

<!--[if lte IE 9]>
			<link rel="stylesheet" href="<%=request.getContextPath()%>/static/assets/css/ace-part2.min.css" />
		<![endif]-->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/static/assets/css/ace-skins.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/static/assets/css/ace-rtl.min.css" />

<!--[if lte IE 9]>
		  <link rel="stylesheet" href="<%=request.getContextPath()%>/static/assets/css/ace-ie.min.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- ace settings handler -->
<script
	src="<%=request.getContextPath()%>/static/assets/js/ace-extra.min.js"></script>

<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

<!--[if lte IE 8]>
		<script src="<%=request.getContextPath()%>/static/assets/js/html5shiv.min.js"></script>
		<script src="<%=request.getContextPath()%>/static/assets/js/respond.min.js"></script>
		<![endif]-->

<!-- the following scripts are used in demo only for onpage help and you don't need them -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/static/assets/css/ace.onpage-help.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/static/docs/assets/js/themes/sunburst.css" />

<script type="text/javascript">
	
	//定义全局查询类型栈
	//var typeArr =new Array();
	
	function showSelect(){
	
		
		var realVal ;/* 待显示提示值 */
		var inSelect = document.getElementById("inSelect").value;
		if((inSelect==null)||(inSelect=="")||(inSelect.indexOf("'")!=-1)){
			document.getElementById("querySelect").style.display='none';
			return;
		}
		
		if(inSelect.indexOf(",")!=-1){
			var inSelectArr = new Array();
			inSelectArr = inSelect.split(",");
			realVal=inSelectArr[(inSelectArr.length)-1];
			
			
		}else{
			realVal=inSelect;
			
		}
		
		$.ajax({
            type: 'POST',
            url: '<%=request.getContextPath()%>/tea/quertRemind',
            data: {
            	remindValue:realVal
            },
            dataType: "json",
            success: function(data){
            	$('.subjectList').empty();
            	$('.numList').empty();
            	$('.nameList').empty();
            	for(var key in data.subjectList){
            		var fixVal1 = null;
            		var fixVal1 = null;
            		var returnVal = data.subjectList[key];
            		fixVal1 = returnVal.substring(0,returnVal.indexOf(realVal));
            		fixVal2 = returnVal.substring(returnVal.indexOf(realVal)+realVal.length,returnVal.length);
            		$('.subjectList').append("<option value='"+returnVal+"'>"+fixVal1+"["+realVal+"]"+fixVal2+"</option>");
            	}
            	for(var key in data.numList){
            		var fixVal1 = null;
            		var fixVal1 = null;
            		var returnVal = data.numList[key];
            		fixVal1 = returnVal.substring(0,returnVal.indexOf(realVal));
            		fixVal2 = returnVal.substring(returnVal.indexOf(realVal)+realVal.length,returnVal.length);
            		$('.numList').append("<option value='"+returnVal+"'>"+fixVal1+"["+realVal+"]"+fixVal2+"</option>");	
            	}
            	for(var key in data.nameList){
            		var fixVal1 = null;
            		var fixVal1 = null;
            		var returnVal = data.nameList[key];
            		fixVal1 = returnVal.substring(0,returnVal.indexOf(realVal));
            		fixVal2 = returnVal.substring(returnVal.indexOf(realVal)+realVal.length,returnVal.length);
            		$('.nameList').append("<option value='"+returnVal+"'>"+fixVal1+"["+realVal+"]"+fixVal2+"</option>");	
            	} 
            	
            	
            	document.getElementById("querySelect").style.display='block'; 
            	//document.getElementById("querySelect").focus();
            }
        });
		
		//document.getElementById("querySelect").style.display='block';
	}
	
	
	function hideSelect(event){
		if(document.getElementById("querySelect").style.display=='none'){
			return;
		}
		//alert(event.relatedTarget.name);
		if(event.relatedTarget!=null){
			if(event.relatedTarget.id!=""){
				if((event.relatedTarget.id=='querySelect')){
					//alert("return");
					return;
				}
			}
		}
		
		document.getElementById("querySelect").style.display='none';
	}
	function selectOption(option){
		//alert(option.value);
		
		var inSelect = document.getElementById("inSelect").value;
		var inSelectArr = new Array();
		var realVal ;
		
		if(inSelect.indexOf(",")!=-1){
			
			inSelectArr = inSelect.split(",");
			realVal=inSelectArr[(inSelectArr.length)-1];
			
			if((realVal==null)||(realVal=="")){
				//alert(realVal+";"+option.value);
				document.getElementById("inSelect").value=inSelect+option.value+",";
				document.getElementById("inSelect").focus();
				return;
			}
			
			//alert(realVal);
			//##替换有逻辑错误
			//document.getElementById("inSelect").value=inSelect.replace(realVal,option.value+",") ;
			document.getElementById("inSelect").value = inSelect.substring(0,inSelect.lastIndexOf(realVal)) + option.value+",";
			document.getElementById("inSelect").focus();
			return;
			
		}else{
			realVal=inSelect;
			document.getElementById("inSelect").value=option.value+",";
			document.getElementById("inSelect").focus();
			return;
		}
		//alert(realVal);
		
		/* if((realVal==null)||(realVal=="")){
			document.getElementById("inSelect").value.replace(""+realVal+"",""+option.value+"") ;
			return;
		}
		document.getElementById("inSelect").value = inSelect + "," + realVal; */
		
		
	}
	
</script>



</head>

<body class="no-skin">
	<!-- #section:basics/navbar.layout -->
	<div id="navbar" class="navbar navbar-default">
		<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

		<div class="navbar-container" id="navbar-container">
			<!-- #section:basics/sidebar.mobile.toggle -->
			<button type="button" class="navbar-toggle menu-toggler pull-left"
				id="menu-toggler">
				<span class="sr-only">Toggle sidebar</span> <span class="icon-bar"></span>

				<span class="icon-bar"></span> <span class="icon-bar"></span>
			</button>

			<!-- /section:basics/sidebar.mobile.toggle -->
			<div class="navbar-header pull-left">
				<!-- #section:basics/navbar.layout.brand -->
				<a href="#" class="navbar-brand"> <small> <i
						class="fa fa-leaf"></i> Ace Admin &copy; swind
				</small>
				</a>

				<!-- /section:basics/navbar.layout.brand -->

				<!-- #section:basics/navbar.toggle -->

				<!-- /section:basics/navbar.toggle -->
			</div>

			<!-- #section:basics/navbar.dropdown -->
			<div class="navbar-buttons navbar-header pull-right"
				role="navigation">
				<ul class="nav ace-nav">
					<li class="grey"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="ace-icon fa fa-tasks"></i> <span class="badge badge-grey">4</span>
					</a>

						<ul
							class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i class="ace-icon fa fa-check"></i>
								4 Tasks to complete</li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left">Software Update</span> <span
										class="pull-right">65%</span>
								</span> <span class="progress progress-mini"> <span
										style="width: 65%" class="progress-bar"></span>
								</span>
							</a></li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left">Hardware Upgrade</span> <span
										class="pull-right">35%</span>
								</span> <span class="progress progress-mini"> <span
										style="width: 35%" class="progress-bar progress-bar-danger"></span>
								</span>
							</a></li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left">Unit Testing</span> <span class="pull-right">15%</span>
								</span> <span class="progress progress-mini"> <span
										style="width: 15%" class="progress-bar progress-bar-warning"></span>
								</span>
							</a></li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left">Bug Fixes</span> <span class="pull-right">90%</span>
								</span> <span class="progress progress-mini progress-striped active">
										<span style="width: 90%"
										class="progress-bar progress-bar-success"></span>
								</span>
							</a></li>

							<li class="dropdown-footer"><a href="#"> See tasks with
									details <i class="ace-icon fa fa-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="purple"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="ace-icon fa fa-bell icon-animated-bell"></i> <span
							class="badge badge-important">8</span>
					</a>

						<ul
							class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i
								class="ace-icon fa fa-exclamation-triangle"></i> 8 Notifications
							</li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left"> <i
											class="btn btn-xs no-hover btn-pink fa fa-comment"></i> New
											Comments
									</span> <span class="pull-right badge badge-info">+12</span>
								</span>
							</a></li>

							<li><a href="#"> <i
									class="btn btn-xs btn-primary fa fa-user"></i> Bob just signed
									up as an editor ...
							</a></li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left"> <i
											class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
											New Orders
									</span> <span class="pull-right badge badge-success">+8</span>
								</span>
							</a></li>

							<li><a href="#"> <span class="clearfix"> <span
										class="pull-left"> <i
											class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
											Followers
									</span> <span class="pull-right badge badge-info">+11</span>
								</span>
							</a></li>

							<li class="dropdown-footer"><a href="#"> See all
									notifications <i class="ace-icon fa fa-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="green"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="ace-icon fa fa-envelope icon-animated-vertical"></i> <span
							class="badge badge-success">5</span>
					</a>

						<ul
							class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i
								class="ace-icon fa fa-envelope-o"></i> 5 Messages</li>

							<li class="dropdown-content">
								<ul class="dropdown-menu dropdown-navbar">
									<li><a href="#"> <img
											src="<%=request.getContextPath()%>/static/assets/avatars/avatar.png"
											class="msg-photo" alt="Alex's Avatar" /> <span
											class="msg-body"> <span class="msg-title"> <span
													class="blue">Alex:</span> Ciao sociis natoque penatibus et
													auctor ...
											</span> <span class="msg-time"> <i
													class="ace-icon fa fa-clock-o"></i> <span>a moment
														ago</span>
											</span>
										</span>
									</a></li>

									<li><a href="#"> <img
											src="<%=request.getContextPath()%>/static/assets/avatars/avatar3.png"
											class="msg-photo" alt="Susan's Avatar" /> <span
											class="msg-body"> <span class="msg-title"> <span
													class="blue">Susan:</span> Vestibulum id ligula porta felis
													euismod ...
											</span> <span class="msg-time"> <i
													class="ace-icon fa fa-clock-o"></i> <span>20 minutes
														ago</span>
											</span>
										</span>
									</a></li>

									<li><a href="#"> <img
											src="<%=request.getContextPath()%>/static/assets/avatars/avatar4.png"
											class="msg-photo" alt="Bob's Avatar" /> <span
											class="msg-body"> <span class="msg-title"> <span
													class="blue">Bob:</span> Nullam quis risus eget urna mollis
													ornare ...
											</span> <span class="msg-time"> <i
													class="ace-icon fa fa-clock-o"></i> <span>3:15 pm</span>
											</span>
										</span>
									</a></li>

									<li><a href="#"> <img
											src="<%=request.getContextPath()%>/static/assets/avatars/avatar2.png"
											class="msg-photo" alt="Kate's Avatar" /> <span
											class="msg-body"> <span class="msg-title"> <span
													class="blue">Kate:</span> Ciao sociis natoque eget urna
													mollis ornare ...
											</span> <span class="msg-time"> <i
													class="ace-icon fa fa-clock-o"></i> <span>1:33 pm</span>
											</span>
										</span>
									</a></li>

									<li><a href="#"> <img
											src="<%=request.getContextPath()%>/static/assets/avatars/avatar5.png"
											class="msg-photo" alt="Fred's Avatar" /> <span
											class="msg-body"> <span class="msg-title"> <span
													class="blue">Fred:</span> Vestibulum id penatibus et auctor
													...
											</span> <span class="msg-time"> <i
													class="ace-icon fa fa-clock-o"></i> <span>10:09 am</span>
											</span>
										</span>
									</a></li>
								</ul>
							</li>

							<li class="dropdown-footer"><a href="inbox.html"> See
									all messages <i class="ace-icon fa fa-arrow-right"></i>
							</a></li>
						</ul></li>

					<!-- #section:basics/navbar.user_menu -->
					<li class="light-blue"><a data-toggle="dropdown" href="#"
						class="dropdown-toggle"> <img class="nav-user-photo"
							src="<%=request.getContextPath()%>/static/assets/avatars/user.jpg"
							alt="Jason's Photo" /> <span class="user-info"> <small>Welcome,</small>
								${sessionScope.user.userName}
						</span> <i class="ace-icon fa fa-caret-down"></i>
					</a>

						<ul
							class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
							<li><a href="#"> <i class="ace-icon fa fa-cog"></i>
									Settings
							</a></li>

							<li><a href="profile.html"> <i
									class="ace-icon fa fa-user"></i> Profile
							</a></li>

							<li class="divider"></li>

							<li><a href="<%=request.getContextPath()%>/login/logout">
									<i class="ace-icon fa fa-power-off"></i> Logout
							</a></li>
						</ul></li>

					<!-- /section:basics/navbar.user_menu -->
				</ul>
			</div>

			<!-- /section:basics/navbar.dropdown -->
		</div>
		<!-- /.navbar-container -->
	</div>

	<!-- /section:basics/navbar.layout -->
	<div class="main-container" id="main-container">
		<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

		<!-- #section:basics/sidebar -->
		<div id="sidebar" class="sidebar                  responsive">
			<script type="text/javascript">
					try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
				</script>

			<div class="sidebar-shortcuts" id="sidebar-shortcuts">
				<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
					<button class="btn btn-success">
						<i class="ace-icon fa fa-signal"></i>
					</button>

					<button class="btn btn-info">
						<i class="ace-icon fa fa-pencil"></i>
					</button>

					<!-- #section:basics/sidebar.layout.shortcuts -->
					<button class="btn btn-warning">
						<i class="ace-icon fa fa-users"></i>
					</button>

					<button class="btn btn-danger">
						<i class="ace-icon fa fa-cogs"></i>
					</button>

					<!-- /section:basics/sidebar.layout.shortcuts -->
				</div>

				<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
					<span class="btn btn-success"></span> <span class="btn btn-info"></span>

					<span class="btn btn-warning"></span> <span class="btn btn-danger"></span>
				</div>
			</div>
			<!-- /.sidebar-shortcuts -->

			<ul class="nav nav-list">
				<li class=""><a
					href="<%=request.getContextPath()%>/login/index"> <i
						class="menu-icon fa fa-tachometer"></i> <span class="menu-text">
							Dashboard </span>
				</a> <b class="arrow"></b></li>

				<c:choose>
					<c:when test="${role.roleId == 26}">

						<li class="active"><a href="#" class="dropdown-toggle"> <i
								class="menu-icon fa fa-pencil-square-o"></i> <span
								class="menu-text"> teacher(Role) </span> <b
								class="arrow fa fa-angle-down"></b>
						</a> <b class="arrow"></b>

							<ul class="submenu">
								<li class=""><a
									href="<%=request.getContextPath()%>/tea/subshow"> <i
										class="menu-icon fa fa-caret-right"></i> Subjects
								</a> <b class="arrow"></b></li>

								<li class=""><a
									href="<%=request.getContextPath()%>/tea/queryScore"> <i
										class="menu-icon fa fa-caret-right"></i> query Score
								</a> <b class="arrow"></b></li>

								<li class=""><a href="<%=request.getContextPath()%>/tea/listStudent"> <i
										class="menu-icon fa fa-caret-right"></i> modify Student
								</a> <b class="arrow"></b></li>

								<li class=""><a href="<%=request.getContextPath()%>/tea/toManageTest"> <i
										class="menu-icon fa fa-caret-right"></i> manage test
										</a> <b class="arrow"></b></li>
							</ul></li>

					</c:when>
				</c:choose>



			</ul>
			<!-- /.nav-list -->

			<!-- #section:basics/sidebar.layout.minimize -->
			<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
				<i class="ace-icon fa fa-angle-double-left"
					data-icon1="ace-icon fa fa-angle-double-left"
					data-icon2="ace-icon fa fa-angle-double-right"></i>
			</div>

			<!-- /section:basics/sidebar.layout.minimize -->
			<script type="text/javascript">
					try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
				</script>
		</div>

		<!-- /section:basics/sidebar -->
		<div class="main-content">
			

			<!-- /section:basics/content.breadcrumbs -->
			<div class="page-content">
				<!-- #section:settings.box -->
				<div class="ace-settings-container" id="ace-settings-container">
					<div class="btn btn-app btn-xs btn-warning ace-settings-btn"
						id="ace-settings-btn">
						<i class="ace-icon fa fa-cog bigger-150"></i>
					</div>

					<div class="ace-settings-box clearfix" id="ace-settings-box">
						<div class="pull-left width-50">
							<!-- #section:settings.skins -->
							<div class="ace-settings-item">
								<div class="pull-left">
									<select id="skin-colorpicker" class="hide">
										<option data-skin="no-skin" value="#438EB9">#438EB9</option>
										<option data-skin="skin-1" value="#222A2D">#222A2D</option>
										<option data-skin="skin-2" value="#C6487E">#C6487E</option>
										<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
									</select>
								</div>
								<span>&nbsp; Choose Skin</span>
							</div>

							<!-- /section:settings.skins -->

							<!-- #section:settings.navbar -->
							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-navbar" /> <label class="lbl"
									for="ace-settings-navbar"> Fixed Navbar</label>
							</div>

							<!-- /section:settings.navbar -->

							<!-- #section:settings.sidebar -->
							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-sidebar" /> <label class="lbl"
									for="ace-settings-sidebar"> Fixed Sidebar</label>
							</div>

							<!-- /section:settings.sidebar -->

							<!-- #section:settings.breadcrumbs -->
							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-breadcrumbs" /> <label class="lbl"
									for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
							</div>

							<!-- /section:settings.breadcrumbs -->

							<!-- #section:settings.rtl -->
							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-rtl" /> <label class="lbl"
									for="ace-settings-rtl"> Right To Left (rtl)</label>
							</div>

							<!-- /section:settings.rtl -->

							<!-- #section:settings.container -->
							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-add-container" /> <label class="lbl"
									for="ace-settings-add-container"> Inside <b>.container</b>
								</label>
							</div>

							<!-- /section:settings.container -->
						</div>
						<!-- /.pull-left -->

						<div class="pull-left width-50">
							<!-- #section:basics/sidebar.options -->
							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-hover" /> <label class="lbl"
									for="ace-settings-hover"> Submenu on Hover</label>
							</div>

							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-compact" /> <label class="lbl"
									for="ace-settings-compact"> Compact Sidebar</label>
							</div>

							<div class="ace-settings-item">
								<input type="checkbox" class="ace ace-checkbox-2"
									id="ace-settings-highlight" /> <label class="lbl"
									for="ace-settings-highlight"> Alt. Active Item</label>
							</div>

							<!-- /section:basics/sidebar.options -->
						</div>
						<!-- /.pull-left -->
					</div>
					<!-- /.ace-settings-box -->
				</div>
				<!-- /.ace-settings-container -->

				<!-- /section:settings.box -->
				<div class="page-content-area">
					<div class="page-header">
						<h1>
							查询学生成绩
						</h1>
					</div>
					<!-- /.page-header -->




					<div class="row">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->
							<div class="row">
								<div class="col-xs-12">
									
									<form method="POST" action="<%=request.getContextPath()%>/tea/listScore">
										<input class="btn btn-primary btn-lg" type="submit" value="query score"/>
										<br>
										<br>
									
										<div >
											<p style="margin: 0px"><input autocomplete="off" placeholder="write it " id="inSelect" name="inSelect" onblur="hideSelect(event)"  onkeyup="showSelect()" style="box-sizing: border-box;width: 700px;font-size:15px;" type="text" /></p>
											<p style="margin: 0px"><select id="querySelect"  onclick="selectOption(this)" onblur="hideSelect(event)"  style="diposition: relative; box-sizing: border-box;width: 700px;display: none;" multiple="multiple" >
												
												<optgroup class="subjectList" label=" 科目">
													<!-- <option>session TimeOut</option> -->
												</optgroup>
												<optgroup class="numList" label=" 学号">
													<!-- <option>tea/subshow</option> -->
												</optgroup>
												<optgroup class="nameList" label=" 姓名" >
													<!-- <option>OnlineExam/tea/queryScore</option> -->
													
												</optgroup>
												<optgroup label=" 考试日期">
													<!-- <option>http://localhost:8080</option> -->
												</optgroup>
											</select>
											
											</p>
										</div>
									</form>
									
									<br><br>
									
									<div>
										<h1>
											Query 
											<small> <i class="ace-icon fa fa-angle-double-right"></i> Static &amp;
												list
											</small>
										</h1>
										
										<table id="sample-table-1" class="table table-striped table-bordered table-hover">
											<thead>
												<tr>
													<th>考生学号</th>
													<th>考生姓名</th>
													<th>考试科目</th>
													<th>考试分数</th>
													<th>参考日期</th>
												</tr>
											</thead>

											<tbody>
												<c:forEach items="${scoreList}" var="score">
													<tr>
														<td>${score.userId}</td>
														<td>${score.userName}</td>
														<td>${score.subjectName}</td>
														<td>${score.score}</td>
														<td>${score.examTime}</td> 
													</tr>
												</c:forEach>
											</tbody>
											
										</table>
										
									</div>
									
									
								
								</div>
								<!-- /.span -->
							</div>
							<!-- /.row -->



						</div>
						<!-- /.row -->
					</div>
					<!-- /.page-content-area -->
				</div>
				<!-- /.page-content -->
			</div>
			<!-- /.main-content -->

			<div class="footer">
				<div class="footer-inner">
					<!-- #section:basics/footer -->
					<div class="footer-content">
						<span class="bigger-120"> <span class="blue bolder">Ace</span>
							Application &copy; 2013-2014
						</span> &nbsp; &nbsp; <span class="action-buttons"> <a href="#">
								<i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
						</a> <a href="#"> <i
								class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
						</a> <a href="#"> <i
								class="ace-icon fa fa-rss-square orange bigger-150"></i>
						</a>
						</span>
					</div>

					<!-- /section:basics/footer -->
				</div>
			</div>

			<a href="#" id="btn-scroll-up"
				class="btn-scroll-up btn btn-sm btn-inverse"> <i
				class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div>
		<!-- /.main-container -->

	</div>

	<!-- basic scripts -->

	<!--[if !IE]> -->
	<script type="text/javascript">
			window.jQuery || document.write("<script src='<%=request.getContextPath()%>/static/assets/js/jquery.min.js'>"+"<"+"/script>");
		</script>


	<!-- jqprint -->
	<script
		src="<%=request.getContextPath()%>/static/jqprint/jquery-migrate-1.4.1.min.js"></script>
	<%-- <script src="<%=request.getContextPath()%>/static/jqprint/jquery-1.4.4.min.js"></script> --%>
	<script
		src="<%=request.getContextPath()%>/static/jqprint/jquery.jqprint-0.3.js"></script>


	<!-- <![endif]-->

	<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='<%=request.getContextPath()%>/static/assets/js/jquery1x.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
	<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='<%=request.getContextPath()%>/static/assets/js/jquery.mobile.custom.min.js'>"+ "<"+"/script>");
	</script>
	<script
		src="<%=request.getContextPath()%>/static/assets/js/bootstrap.min.js"></script>

	<!-- page specific plugin scripts -->
	<script
		src="<%=request.getContextPath()%>/static/assets/js/jquery.dataTables.min.js"></script>
	<script
		src="<%=request.getContextPath()%>/static/assets/js/jquery.dataTables.bootstrap.js"></script>

	<!-- ace scripts -->
	<script
		src="<%=request.getContextPath()%>/static/assets/js/ace-elements.min.js"></script>
	<script src="<%=request.getContextPath()%>/static/assets/js/ace.min.js"></script>

	<!-- inline scripts related to this page -->
	<script type="text/javascript">
		jQuery(function($) {
			var oTable1 = $('#sample-table-2')
			//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)
			.dataTable({
				bAutoWidth : false,
				"aoColumns" : [ {
					"bSortable" : false
				}, null, null, null, null, null, {
					"bSortable" : false
				} ],
				"aaSorting" : [],

			//,
			//"sScrollY": "200px",
			//"bPaginate": false,

			//"sScrollX": "100%",
			//"sScrollXInner": "120%",
			//"bScrollCollapse": true,
			//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"
			//you may want to wrap the table inside a "div.dataTables_borderWrap" element

			//"iDisplayLength": 50
			});
			/**
			var tableTools = new $.fn.dataTable.TableTools( oTable1, {
				"sSwfPath": "
	<%=request.getContextPath()%>
		/static/
	<%=request.getContextPath()%>
		/static/copy_csv_xls_pdf.swf",
			    "buttons": [
			        "copy",
			        "csv",
			        "xls",
					"pdf",
			        "print"
			    ]
			} );
			$( tableTools.fnContainer() ).insertBefore('#sample-table-2');
			 */

			$(document).on(
					'click',
					'th input:checkbox',
					function() {
						var that = this;
						$(this).closest('table').find(
								'tr > td:first-child input:checkbox').each(
								function() {
									this.checked = that.checked;
									$(this).closest('tr').toggleClass(
											'selected');
								});
					});

			$('[data-rel="tooltip"]').tooltip({
				placement : tooltip_placement
			});
			function tooltip_placement(context, source) {
				var $source = $(source);
				var $parent = $source.closest('table')
				var off1 = $parent.offset();
				var w1 = $parent.width();

				var off2 = $source.offset();
				//var w2 = $source.width();

				if (parseInt(off2.left) < parseInt(off1.left)
						+ parseInt(w1 / 2))
					return 'right';
				return 'left';
			}

			

		})
	</script>

	<%-- <!-- the following scripts are used in demo only for onpage help and you don't need them -->
		<link rel="stylesheet" href="<%=request.getContextPath()%>/static/assets/css/ace.onpage-help.css" />
		<link rel="stylesheet" href="<%=request.getContextPath()%>/static/docs/assets/js/themes/sunburst.css" /> --%>

	<script type="text/javascript">
		ace.vars['base'] = '..';
	</script>
	<script
		src="<%=request.getContextPath()%>/static/assets/js/ace/elements.onpage-help.js"></script>
	<script
		src="<%=request.getContextPath()%>/static/assets/js/ace/ace.onpage-help.js"></script>
	<script
		src="<%=request.getContextPath()%>/static/docs/assets/js/rainbow.js"></script>
	<script
		src="<%=request.getContextPath()%>/static/docs/assets/js/language/generic.js"></script>
	<script
		src="<%=request.getContextPath()%>/static/docs/assets/js/language/html.js"></script>
	<script
		src="<%=request.getContextPath()%>/static/docs/assets/js/language/css.js"></script>
	<script
		src="<%=request.getContextPath()%>/static/docs/assets/js/language/javascript.js"></script>

	

	</body>
</html>